<template>
  <div class="demo-block">
    <h4>不同尺寸</h4>
    <div class="demo-row">
      <my-button>默认按钮</my-button>
      <my-button size="md">中等按钮</my-button>
      <my-button size="sm">小型按钮</my-button>
      <my-button size="xs">超小按钮</my-button>
    </div>
  </div>
</template>

<script>
import button from "../../../../src/components/button";
export default {
  components: {
    "my-button": button,
  },
};
</script>

<style scoped>
.demo-row {
  margin: -10px;
}
</style>